<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script src="js/axios.js"></script>
    <script>
        // axios.get('http://localhost:3000/axios?id=123')
        //     .then(function (ret) {
        //         console.log(ret.data);
        //     })

        //restful
        // axios.get('http://localhost:3000/axios/123')
        //     .then(function (ret) {
        //         console.log(ret.data);
        //     })

        //params
        // axios.get('http://localhost:3000/axios', {
        //         params: {
        //             id: 789
        //         }
        //     })
        //     .then(function (ret) {
        //         console.log(ret.data);
        //     })

        // axios.delete('http://localhost:3000/axios', {
        //         params: {
        //             id: 111
        //         }
        //     })
        //     .then(function (ret) {
        //         console.log(ret.data);
        //     })

        //json  
        // axios.post('http://localhost:3000/axios', {
        //         uname: 'lisi',
        //         pwd: 123
        //     })
        //     .then(function (ret) {
        //         console.log(ret.data);
        //     })

        //字符串  
        //var params = new URLSearchParams();
        // params.append('uname', 'lisi');
        // params.append('pwd', '111');
        // axios.post('http://localhost:3000/axios', params)
        //     .then(function (ret) {
        //         console.log(ret.data);
        //     })

        axios.put('http://localhost:3000/axios/123', {
                uname: 'lisi',
                pwd: 123
            })
            .then(function (ret) {
                console.log(ret.data);
            })
    </script>
</body>

</html>